import React, { Component } from 'react'

import styled from 'styled-components';

import DividerItem from '@/components/DividerItem';
import { Filter } from '@/components/PointSelect';

import { BaseComponentProps, UmiComponentProps } from '@/common/type';
import { Button, Row } from 'antd';

const Container = styled.section`

`

interface IProps {
  match: {
    params: { id: string }
  }
} 

type Props = UmiComponentProps & BaseComponentProps & IProps;

class Plan extends Component<Props> {

  render() {
    const Info = DividerItem({
      WrapperComponent: () => <Filter id={this.props.match.params.id} />,
      icon: 'picture', title: '详细信息'
    });

    return (
      <Container>
        <Row style={{ height: '90%' }}><Info /></Row>
        <Button icon="rollback" style={{ marginLeft: 40 }} onClick={() => {
          window.history.back()
        }}>返回</Button>
      </Container>
    )
  }
}

export default Plan;